<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <title></title>
    <script type="text/javascript">
    	
   		document.addEventListener('plusready', function(){
   			//console.log("所有plus api都应该在此事件发生后调用，否则会出现plus is undefined。"
   			
   		});
   		
    </script>
    <link rel="stylesheet" href="http://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.css">	
	<script src="http://apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"></script>	
	<script src="http://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
  	<link rel="stylesheet" type="text/css" href="css/themes/May.css"/>
  	<link rel="stylesheet" type="text/css" href="css/themes/May.min.css"/>	  	
  	<link rel="stylesheet" type="text/css" href="zan/css/normalize.css" />
	<link rel="stylesheet" type="text/css" href="zan/css/style.css"/>	
  	<!--在屏幕向右滑，滑出面板-->
  	<script>
	$( "#mypanel" ).trigger( "updatelayout" ); //声明面板
	</script>
	<script type="text/javascript">
    $(document).ready(function(){
      $("div").bind("swiperight", function(event) {
        $( "#mypanel" ).panel( "open" );
      });  
    });
	</script>
	<script src="js/getUrl.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/address.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/cartoondetail.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>		
	<div data-role = "page" id="">
			<!-- 头部导航栏 -->
	        <div data-role="header" data-position="fixed">
	        	<!--面板按钮-->
	        	<a data-ajax="false" href="cartoon.html" class="ui-btn ui-shadow ui-corner-all ui-btn-icon-left ui-icon-back ui-btn-icon-notext"></a>  
				<h1></h1>
				<!--刷新按钮-->
				<a href="javascript:location.reload();" class="ui-btn ui-shadow ui-corner-all ui-btn-icon-notext ui-icon-refresh ui-btn-inline"></a>
	        </div> 	      				
				
			<!--内容-->
	        <div data-role="content" id="ccontent">

	        </div>
	        <!--点赞-->
		    <div class="heart " id="like1" rel="like"></div>
		    <div class="likeCount" id="likeCount1"></div>	 

			<!--评论区-->
			<div data-role = "content" id="">
				<font size="5" color="#22C3AA"><b>评论</b></font><br>
				<form>
					<a href="#review" data-rel="popup" data-position-to="window">
					<input type="text" name="zhanghao" id="zhanghao" value=""  />
					</a>	
				</form>
			</div>
			
		        <!--评论编辑框-->
				<div data-role="popup" id="review" data-overlay-theme="a"  data-dismissible="true" style="max-width:400px;" class="ui-corner-all">
					<div data-role="header" class="ui-corner-top">
						<h1>写下评论</h1>
					</div>
					<div data-role="content" data-theme="b" class="ui-corner-bottom ui-content">
						<form method="post" action="" id="rset" data-ajax = "false">
							<textarea name="rcontent" placeholder="50字以内"></textarea>
							<a href="#"  data-role="button" data-rel="back" id="sendit">提交</a>
						</form>	
					</div>
				</div>	
				
	        <!--评论内容-->
	        <div id="rcontent">
				<ul id="rlist" data-role = "listview" data-inset="true">
					
				</ul>
	        </div>
	        
	</div>

</body>
</html>